<template>
	<swiper :style="'height:'+height+'rpx'" class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
		:duration="duration" :current="current">
		<swiper-item>
			<view class="swiper-item uni-bg-red">A</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item uni-bg-green">B</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item uni-bg-blue">C</view>
		</swiper-item>
	</swiper>
</template>
<script setup>
	import {
		ref
	} from "vue"
	
	defineProps({
		//是否显示面板指示点
		indicatorDots: {
			type: Boolean,
			default: true,
		},
		//是否自动切换
		autoplay: {
			type:Boolean,
			default: true,
		},
		//自动切换时间间隔
		interval: {
			type:Number,
			default: 2000
		},
		//滑动动画时长
		duration: {
			type: Number,
			default: 500
		},
		//当前所在滑块的 index
		current: {
			type: Number,
			default: 0
		},
		height: {
			type: String,
			default: '300'
		}
	})
	
</script>
<style scoped lang="scss">
</style>